@mixin rounded($radius:50%) {
  -webkit-border-radius: $radius;
  -moz-border-radius   : $radius;
  -ms-border-radius    : $radius;
  border-radius        : $radius;
}

@mixin centered {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

@mixin rotate($deg) {
  -webkit-transform: rotate($deg);
  -moz-transform   : rotate($deg);
  -o-transform     : rotate($deg);
  transform        : rotate($deg);
}

@mixin translateY($y:0) {
  -webkit-transform: translateY($y);
  -moz-transform   : translateY($y);
  -o-transform     : translateY($y);
  transform        : translateY($y);
}

@mixin normal {
  width          : 100%;
  table-layout   : fixed;
  border-spacing : 0;
  border-collapse: separate;
}

@mixin pos-ab($top, $right, $bottom, $left, $z-index:1) {
  position: absolute;
  top     : $top;
  right   : $right;
  bottom  : $bottom;
  left    : $left;
  z-index : $z-index;
}

@mixin pos-re {
  width   : 100%;
  height  : 100%;
  float   : left;
  overflow: visible;
}

@mixin trans-all($time:.2s) {
  -webkit-transition: all $time linear;
  -moz-transition   : all $time linear;
  -o-transition     : all $time linear;
  transition        : all $time linear;
}

@mixin gradual-line($color, $dir) {
  background      : transparent;
  background-image: -webkit-linear-gradient(to $dir, $color);
  background-image: -moz-linear-gradient(to $dir, $color);
  background-image: -o-linear-gradient(to $dir, $color);
  background-image: linear-gradient(to $dir, $color);
}